{"componentChunkName":"component---node-modules-gatsby-theme-mdx-deck-src-templates-deck-js","path":"/profile","matchPath":"/profile/*","result":{"data":{"deck":{"id":"347a8a7c-4181-5583-9a8f-48169b321eb7","body":"var _excluded = [\"components\"];\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nvar theme = github;\nvar _frontmatter = {};\nvar layoutProps = {\n  theme: theme,\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Profile task \\uD83D\\uDC4B\"), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://www.linkedin.com/in/ragavkumarv/\"\n  }, \"@ragavkumarv\")), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    themes: [shadesOfPurple, github],\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    title: \"HTML Setup\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-html\"\n  }, \"<div class=\\\"profile\\\">\\n  <p>8</p>\\n</div>\\n\")), mdx(\"div\", {\n    className: \"profile1\"\n  }, mdx(\"p\", null, \"8\")))), mdx(\"hr\", null), mdx(CodeSurferColumns, {\n    themes: [shadesOfPurple, github],\n    mdxType: \"CodeSurferColumns\"\n  }, mdx(Step, {\n    title: \"CSS\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n}\\n\")), mdx(Profile, {\n    step: \"0\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n}\\n\")), mdx(Profile, {\n    step: \"1\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 50%;\\n  color: white;\\n  font-size: 24px;\\n}\\n\")), mdx(Profile, {\n    step: \"2\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 50%;\\n  color: white;\\n  font-size: 24px;\\n  text-align: center;\\n  margin: 0;\\n}\\n\")), mdx(Profile, {\n    step: \"3\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n  background: url(\\\"profile.jpg\\\");\\n  background-size: cover;\\n  border-radius: 50%;\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 50%;\\n  color: white;\\n  font-size: 24px;\\n  text-align: center;\\n  margin: 0;\\n}\\n\")), mdx(Profile, {\n    step: \"4\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS - Position\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n  background: url(\\\"profile.jpg\\\");\\n  background-size: cover;\\n  border-radius: 50%;\\n  position: relative;\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 50%;\\n  color: white;\\n  font-size: 24px;\\n  text-align: center;\\n  margin: 0;\\n  position: absolute;\\n  right: 25px;\\n  top: 0px;\\n}\\n\")), mdx(Profile, {\n    step: \"5\",\n    mdxType: \"Profile\"\n  })), mdx(Step, {\n    title: \"CSS - Final touches\",\n    mdxType: \"Step\"\n  }, mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-css\"\n  }, \".profile {\\n  height: 200px;\\n  width: 200px;\\n  font-family: Roboto;\\n  background: orange;\\n  background: url(\\\"profile.jpg\\\");\\n  background-size: cover;\\n  border-radius: 50%;\\n  position: relative;\\n  box-shadow: rgb(0 0 0 / 25%) 0px 54px 55px,\\n    rgb(0 0 0 / 12%) 0px -12px 30px,\\n    rgb(0 0 0 / 12%) 0px 4px 6px,\\n    rgb(0 0 0 / 17%) 0px 12px 13px,\\n    rgb(0 0 0 / 9%) 0px -3px 5px;\\n  transition: 0.3s ease-in-out;\\n}\\n\\n.profile:hover {\\n  transform: scale(1.1);\\n}\\n\\n.profile > p {\\n  background-color: teal;\\n  height: 32px;\\n  width: 32px;\\n  border-radius: 50%;\\n  color: white;\\n  font-size: 24px;\\n  text-align: center;\\n  margin: 0;\\n  position: absolute;\\n  right: 25px;\\n  top: 0px;\\n}\\n\")), mdx(Profile, {\n    step: \"6\",\n    mdxType: \"Profile\"\n  }))), mdx(\"hr\", null), mdx(\"h1\", null, \"That's all folks \\uD83D\\uDE4B\\uD83C\\uDFFD\\u200D\\u2642\\uFE0F\"));\n}\n;\nMDXContent.isMDXComponent = true;"}},"pageContext":{"matchPath":"/profile/*","id":"347a8a7c-4181-5583-9a8f-48169b321eb7","slug":"/profile","title":"Profile task 👋"}},"staticQueryHashes":[]}